@charset "utf-8";
/* CSS Document */


        /* ESTILOS PARA EL VIDEO DE FONDO */
        .video-background {
            position: fixed; /* Ocupa toda la pantalla y se queda fijo */
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* Asegura que el video cubra toda la pantalla */
            z-index: -2; /* Lo envía al fondo de todo */
            filter: brightness(0.6) contrast(1.1); /* Ajusta brillo y contraste para que el texto sea legible */
            opacity: 0.9; /* Puedes ajustar la opacidad si el video es muy intrusivo */
        }

        /* Estilo para el enlace "VOLVER A INICIO" */
        .back-to-home {
            /* Los márgenes se ajustarán por la etiqueta <center> */
            margin-top: 20px; /* Espacio superior para separarlo de la imagen */
            margin-bottom: 20px; /* Espacio inferior para separarlo del iframe */
            font-size: 32px; /* Tamaño de fuente solicitado */
            color: #00BCD4; /* Un color azul cian para que destaque */
            text-decoration: none; /* Quita el subrayado predeterminado del enlace */
            font-weight: bold; /* Hace el texto más negrita */
            transition: color 0.3s ease; /* Transición suave para el hover */
            display: block; /* Para que margin-top/bottom funcionen correctamente y ocupe su propia línea */
            text-align: center; /* Asegura que el texto dentro del enlace esté centrado */
            /* Quitar max-width y width: 100% si <center> ya lo maneja bien y no se necesita un ancho específico */
        }

        .back-to-home:hover {
            color: #80DEEA; /* Cambia a un azul más claro al pasar el ratón */
        }

        /* Estilos para el iframe para que se centre bien */
        iframe {
            display: block; /* Asegura que se comporte como un bloque para centrar con margin: auto */
            margin-left: auto; /* Centra el iframe horizontalmente */
            margin-right: auto; /* Centra el iframe horizontalmente */
            /* Tu estilo ya tenía width y height, solo añadimos display:block y margin:auto */
        }

        /* Centrar la imagen si es necesario, aunque <center> ya lo hace */
        center img {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }